草庐IT

AngularJS 应用

全部标签

javascript - angularjs 指令将名称属性绑定(bind)到模板元素

我正在尝试在select上创建一个包装器指令,并且我正在尝试将“name”属性分配给select指令我的指令定义为mainApp.directive('selectformfield',function(){return{restrict:'E',transclude:true,scope:{label:'@',id:'@',selectedval:'=',options:'=',name:'='},template:"--select--"};});我试图通过Controller中的myform访问select的name属性,例如console.log($scope.myForm.o

javascript - 使用 Angulartics 和 AngularJS 的注入(inject)器错误

我在添加Angulartics时遇到问题。在我的app.js中,我刚刚添加了两个依赖项(Angulartics和最后一个),您可以看到:varsmsApp=angular.module('smsApp',['ngRoute','smsControllers','smsFilters','google-maps','pascalprecht.translate','angulartics','angulartics.google.analytics',]);然后在我的index.html中添加:----pathstothesefilesareok但是当我想创建该模块时:varinject

javascript - Webrtc 应用程序无法在本地主机上运行?

我正在使用WebRTC演示应用程序进行屏幕共享。该演示工作得很好,但是当我尝试在本地主机或我自己的远程服务器上运行相同的代码时,代码无法运行。关于如何解决此问题的任何想法? 最佳答案 Chrome中的屏幕共享仅适用于SSL连接()。您可以使用自签名证书并在您的浏览器中简单地接受它(这适用于Chrome此外,对于Chrome>M36,您现在必须使用Chrome.desktopcaptureAPI在Chrome内部修改媒体限制和启用屏幕共享的常用方法在较新版本的Chrome中不起作用。API非常简单,而且比媒体约束中的先前给定选项更强大

javascript - Angularjs 推送到服务中的数组替换了以前的项目

我正在尝试添加到home.html中的列表,并使用ionic和angularjs在myOrders.html中显示列表。问题是,当我将新项目推送到数组时,之前的项目会被新项目替换。示例:push'one'->arrayis[{'name':one'}]push'two'->arrayis[{'name':'two'},{'name':'two'}]//shouldbe[{'name':'one'},{'name':'two'}]push'three'->arrayis[{'name':'three'},{'name':'three'},{'name':'three'}]//should

javascript - 为什么我的指令在使用 AngularJS 1.5 时第一次使用 ng-if 运行时没有进入动画?

http://codepen.io/anon/pen/MygQvb我使用的是Angular1.4.7,然后决定升级。在那之后,使用ng-if的指令上的所有动画都在它们应该发生的第一次停止工作。上面在Codepen上的例子说明了我的意思,如果你切换ng-if它不会在第一次工作,但后来它工作得很好。有一些类似的问题,但都没有解决我的问题,而且我在旧版本的Angular上也从未遇到过这个问题。真正的解决方案会很棒,但如果不可能,欢迎任何解决方法。 最佳答案 正如jjmontes所说,变通方法要求在template中声明指令的模板,而不是使

javascript - React Web 应用程序的默认 css 显示值是多少?

我正在通过react.js的upwork测试,我遇到了这个问题,我真的不知道,而且google/react文档对我没有帮助。谁能知道?这对我来说很有趣) 最佳答案 React应用程序不是元素。它没有任何CSS属性的默认值。 关于javascript-ReactWeb应用程序的默认css显示值是多少?,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.com/questions/44628928/

javascript - AngularJS TypeScript 单元测试

我正在努力为angularjs(v1.4.9)应用程序创建适当的单元测试,它包含javascript文件(带有jasmine测试)和typescript文件(根本没有测试,现在我正在尝试使用Mocha,但它可以是任何框架)。因此它混合了一个没有模块的旧angularjs,我决定将所有.ts编译到一个bundle.js文件,以避免文件排序问题(当我有单个.js文件时发生每个.ts并将其与gulp任务一起注入(inject)index.html)。我的tsconfig.js:{"compileOnSave":true,"compilerOptions":{"noImplicitAny":f

javascript - 如何使用 JsTestDriver 测试 AngularJS Controller ?

我有以下代码:functionTestStats($xhr){$xhr('GET','/test-dashboard/get-projects.json',angular.bind(this,function(code,response){this.projects=response.projects;this.projects.splice(0,0,undefined);}));this.$watch('project',angular.bind(this,function(){this.testClassStats=undefined;if(this.project){$xhr('

javascript - 如何应用 jQuery UI 主题?

这是一个总计n00b的问题。我正在尝试使用JQueryUI,但JQueryCSS似乎对我的HTML文件没有任何影响。以下是我采取的步骤:1)选择一个主题并包含一个链接(我尝试了远程和本地)2)为按钮设置一个类以使用主题:helloworld此时我认为这就是它所需要的全部。我通读了一些教程,他们都认为所有主题都是开箱即用的,主要集中在调整它们上。入门的最低要求是什么?最终的HTML文档:jQuerydemoa.test{font-weight:bold;}jQueryhelloworld$(document).ready(function(){}); 最佳答案

javascript - Angularjs 分页指令

我正在尝试使用asimplePagination中使用的概念编写一个指令来生成分页链接prev和next链接是唯一生成的链接,单击它们会产生错误:UncaughtSyntaxError:Unexpectedtoken:这是fiddlehttp://jsfiddle.net/kelvo/zZURe/编辑1获得了要显示的其余链接,但双向绑定(bind)“=”似乎不起作用。这是新的fiddlehttp://jsfiddle.net/kelvo/zZURe/7/ 最佳答案 您正在更新Angular之外的一段代码,需要让Angular知道重新